<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>后台管理系统</title>
<meta name="author" content="DeathGhost" />
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
	<!--header-->
	<header>
		<h1>
			<img src="images/admin_logo.png" />
		</h1>
		<ul class="rt_nav">
			<li><a href="#" target="_blank" class="website_icon">站点首页（放全端首页）</a>
			</li>
			
			<li><a href="../den" class="quit_icon">安全退出</a></li>
		</ul>
	</header>
	<aside class="lt_aside_nav content mCustomScrollbar">
		<h2>
			<a href="index.jsp">起始页</a>
		</h2>
		<ul>
			<li>
   <dl>
    <dt>常用布局示例</dt>
    <dd><a href="../loginpage" class="active">商品列表示例</a></dd>
    <dd><a href="product_detail.jsp">商品详情示例</a></dd>
    <dd><a href="zengjia.jsp">商品增加示例</a></dd>
    <dd><a href="../getpage">商品回收站示例</a></dd>
   </dl>
  </li>
			<li>
				<dl>
					<dt>订单信息</dt>
					<dd>
						<a href="../all">订单列表示例</a>
					</dd>
					<dd>
						<a href="#">订单详情示例</a>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>会员管理</dt>
					<dd>
						<a href="../page">会员列表示例</a>
					</dd>
					<dd>
						<a href="../add">添加会员（详情）示例</a>
					</dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt>配送与支付设置</dt>
					<dd>
						<a href="express_list.jsp">配送方式</a>
					</dd>
					<dd>
						<a href="pay_list.jsp">支付方式</a>
					</dd>
				</dl>
			</li>
			<li>
				<p class="btm_infor">熊 版权所有</p>
			</li>
		</ul>
	</aside>
	<section class="rt_wrap content mCustomScrollbar">
		<div class="rt_content">
			<div class="page_title">
				<h2 class="fl">订单详情示例</h2>
			</div>
			<c:forEach var="li" items="${list}" varStatus="status">
				<table class="table">
					<tr>
						<td>收件人：${li.orderName}</td>
						<td>联系电话：${li.orderPhone}</td>
						<td>收件地址：${li.orderAddrss}</td>
					</tr>

					<tr>
						<td>订单状态：<a>${li.orderType}</a></td>

					</tr>
				</table>

				<table class="table">
					<tr>
						<th>图片</th>
						<th>产品名称</th>
						<th>产品编号</th>
						<th>单价</th>
						<th>颜色</th>
						<th>数量</th>
						<th>总价</th>
						<th>类型</th>
					</tr>

					<tr>
						<td class="center"><img src="upload/${li.thumbnail}"
							width="50" height="50" /></td>
						<td>${li.name}</td>
						<td class="center">${li.pname}</td>
						<td class="center"><strong class="rmb_icon">${li.price}</strong>
						</td>
						<td class="center">
							<p>颜色:${li.color}</p>
						</td>
						<td class="center"><strong>1</strong></td>
						<td class="center"><strong class="rmb_icon">99.00</strong></td>
						<td class="center"></td>
					</tr>
				</table>
			</c:forEach>
			<aside class="mtb" style="text-align:right;">
				<label>管理员操作：</label> <input type="text" class="textbox textbox_295"
					placeholder="管理员操作备注" /> <input type="button" value="打印订单"
					class="group_btn" /> <input type="button" value="确认订单"
					class="group_btn" /> <input type="button" value="配货"
					class="group_btn" /> <input type="button" value="发货"
					class="group_btn" />
			</aside>
		</div>
	</section>
</body>
<script src="js/jquery.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
	(function($) {
		$(window).load(
				function() {

					$("a[rel='load-content']").click(
							function(e) {
								e.preventDefault();
								var url = $(this).attr("href");
								$.get(url, function(data) {
									$(".content .mCSB_container").append(data); //load new content inside .mCSB_container
									//scroll-to appended content 
									$(".content").mCustomScrollbar("scrollTo",
											"h2:last");
								});
							});

					$(".content").delegate(
							"a[href='top']",
							"click",
							function(e) {
								e.preventDefault();
								$(".content").mCustomScrollbar("scrollTo",
										$(this).attr("href"));
							});

				});
	})(jQuery);
</script>
</html>
